<!DOCTYPE html>
<html>
  <meta charset="utf-8" />
  <meta
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"
    name="viewport"
  />
<script>
function jumpResultP(t) {
    alert('jj')
    console.log('jjlll');
    
    // location.href = `grade${t}.html`
}
</script>
  <head>
    <title>挑战垃圾分类-看看你是学霸还是学渣</title>
    <style type="text/css">
      body {
        padding: 0px;
        margin: 0px;
        overflow: hidden;
      }

      iframe {
        width: 100vw !important;
        height: 100vh !important;
      }
    </style>
  </head>

  <body>
    
    <div class="musicPlay" style="display: block;">
      <audio
        id="voice"
        src="static/5b0f90b8da980.mp3"
        autoplay="autoplay"
      ></audio>
    </div>
   
    <div
      style="overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;padding: 0;margin: 0;"
    >
      <iframe
        style="border-width:0px;"
        frameborder="0"
        scrolling="no"
        src="home.html"
      ></iframe>
    </div>

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

    <script>
      $(function() {
        var voice = document.getElementById('voice');
        // console.log('voice',voice);
        
        //调用 <audio> 元素提供的方法 play()
        voice.play();
        //判斷 WeixinJSBridge 是否存在
        if (
          typeof WeixinJSBridge == 'object' &&
          typeof WeixinJSBridge.invoke == 'function'
        ) {
          voice.play();
        } else {
          //監聽客户端抛出事件"WeixinJSBridgeReady"
          if (document.addEventListener) {
            document.addEventListener(
              'WeixinJSBridgeReady',
              function() {
                voice.play();
              },
              false
            );
          } else if (document.attachEvent) {
            document.attachEvent('WeixinJSBridgeReady', function() {
              voice.play();
            });
            document.attachEvent('onWeixinJSBridgeReady', function() {
              voice.play();
            });
          }
        }
      });
    </script>
  </body>
</html>
